// 引入封装好 request 请求库
const ajaxUtil=require('../../ajaxUtil/request')
// pages/category/category.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 商品分类数组
    categoryList:[],
    // 选中的菜单项:默认为0
    select_index:0,
    // 菜单项中右边的内容
    rightContent:[],
    scrollTop:0
  },
  handleSelect:function(e){
    let index=e.target.dataset.index
    // 把点击的项的下标传值到自定义的select_index变量中，用来设置激活的样式
    this.setData({
      select_index:index,
      rightContent:this.data.categoryList[index].children,
      // 因为每项的滚动位置相互影响，需要设置scroll-top的位置为0，这样就不会在一个选项中滚动到一个位置，会影响到其他项的滚动位置
      // 需要在点击左边菜单项的时候，设置才有用
      scrollTop:0
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad:async function (options) {
    // 发送分类页面的列表请求
    let res=await ajaxUtil.request({
      url:'categories'
    })
    // 更改data中的数据
    this.setData({
      categoryList:res.message,
      rightContent:res.message[this.data.select_index].children
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})